﻿	/* 本例子css */
	.ppt-record{ float:left;position:relative;width:520px;padding:20px; background: #fff;
box-shadow: 0 0 5px #aaa;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height:420px;}
	.ppt_pic{width:520px;height:390px;overflow:hidden;}
	.ppt_pic li{vertical-align:top}
	.ppt_pic img{width:520px;display:inline-block;vertical-align:top}
	.ppt_nav{position:absolute;left:0;bottom:0; width:820px;height:60px;*zoom:1; padding:0px 10px; background:#000  }
	:root .ppt_nav{-ms-filter:none}
	.ppt_nav ul{position:relative;*zoom:1; padding-top:10px !important;  }
	.ppt_nav li{position:relative;*zoom:1;float:left;display:inline;margin-right:10px; cursor:pointer;}
	.ppt_nav .navPrev,.ppt_nav .navNext{border:1px solid #fff;background-color:rgba(0, 0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000',endColorstr='#7F000000');display:inline-block;*zoom:1;width:36px;height:36px;line-height:100;overflow:hidden;opacity:.6;filter:Alpha(Opacity=60);background-image:url(../images/ppt_nav.png);_background-image:url(../images/ppt_nav.ie6.png);background-repeat:no-repeat;position:absolute;top:10px}
	.ppt_nav .navPrev{background-position:10px 8px;right:47px;border-right-color:transparent}
	.ppt_nav .navNext{background-position:-22px 8px;right:10px}
	.ppt_nav .navPrev:hover, .ppt_nav .navNext:hover{opacity:1;filter:Alpha(Opacity=100);border-right-color:#fff}
	.ppt_nav img{border:2px solid #fff;width:64px;height:34px}
	.ppt_nav .on b{color:#fff;position:absolute;top:-10px;left:30px;font-size:10px;font-family:arial;-webkit-text-size-adjust:none}

	:root .ppt_text{-ms-filter:none}

	.ppt_info{height:132px;overflow:hidden}
	.btn_play_big{ overflow: hidden;padding: 0 0 0 15px;cursor: pointer;background: url(../images/bg_btn.png) no-repeat;margin-right: 5px;
	height:40px;line-height:40px;line-height:44px\9;+line-height:44px;_line-height:40px;padding-left:50px;font-size:14px;font-weight:bold;color:#FFF;background-position:0 -275px}
	.btn_play_big span{ float: left; height: 24px; padding: 0 15px 0 0;background: url(../images/bg_btn.png) no-repeat; height:40px;background-position:right -320px}
	.btn_play_big:hover{color:#FFF}
	.ppt_text .btn_play_big{position:absolute;bottom:13px;left:20px}
	.ppt-record .ppt_nav li .cover{position:absolute;top:0;left:0;width:68px;height:38px;line-height:999px;overflow:hidden;font-size:0;background:#040303;filter:alpha(opacity=30);opacity:.3}
	.ppt-record .ppt_nav li.on .cover{display:none}
	.ppt-record .ppt_nav li b{display:none}
	.ppt-record .ppt_nav li.on b{position:absolute;display:inline-block;top:-6px;left:29px;border-left:6px dashed transparent;border-right:6px dashed transparent;border-top:0;border-bottom:6px solid;color:#fff;font-size:0;width:0;height:0;line-height:0}
	
	.ppt_text{position:absolute;width:800px; padding:0px 20px;right:0;bottom:80px;overflow:hidden}
	
	.ppt-record-right{
		width:520px;
		float:left;
		padding-left:20px;
		}
	.ppt-record-right .textarea{
		
		width:520px;
		

	}
	.ppt-record-right .h2{
		font-size:14px;
		padding:8px 0px;
	}
		
	.ppt-record-right .ppt-bg1{
		height: 10px;
		padding: 0 10px;
		background: url(../images/bg-ppt.png) no-repeat;
	}
	.ppt-record-right .ppt-bg2{
		height:440px;
		padding: 0 20px;
		background: url(../images/bg-ppt.png) repeat-y -520px;
    }
	.ppt-record-right .ppt-bg3{
		height: 10px;
		padding: 0 10px;
		background: url(../images/bg-ppt.png) no-repeat -1040px 0;
	}
	
	
	.textarea textarea{
		width:440px;
		height:50px;
		background: #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: 0 0 3px #aaa;
		padding: 10px;
		}
	.textarea .ppt-bg2{
		height:110px;
	}
	
	.textarea .ppt-bg2{
		height:110px;
	}
	.record .ppt-bg2{
		padding: 10px 20px;
		height:244px;
	}
		
	.ppt_text .record{
		width:270px;
		
	}
	
	

	.ppt-record .prev,
	.ppt-record .next { width:45px; height:99px; position:absolute; top:200px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.ppt-record .prev { background-image:url(../images/ppt-arrow.png); background-position:-112px 0; left:0 }
	.ppt-record .next { background-image:url(../images/ppt-arrow.png); background-position:-158px 0; right:0 }
	.ppt-record .prev:hover,
	.ppt-record .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
	

	.ppt-record-right .submit{
		
		
	}
		
	.ppt-record-right .submit.ppt-bg2{
		height:50px;
		
		}
		
	.ppt-record-right .submit .submit-btn {
			width:124px;
			height:45px;
			line-height:40px;
			color:#fff;
			font-size:14px;
			font-weight:700;
			background:url(../images/pub-buttons.png) no-repeat;
			border:none;
			text-outline:none;
			outline:none;
			}
.thispage{
	padding:10px 0px;}
	
.record-button{
	width:71px;
	height:42px;
	line-height:40px;
	background:url(../images/pub-buttons.png) left -88px;
	outline:none;
	border:none;

	font-weight:700;
	}
	
.record-button.disabled{
	color:#808080;
	}
#save_button{
	float:left;
	width:240px;
	height:160px;
	border:#f8f8f8 2px solid;
	}
	
#save_button.click{
	border:#F00 2px solid;
	}